<!--
 * new page
 * @author: sunYihui
 * @since: 2024-09-14
 * hookTest.vue
-->
<template>
  
  <div>
    <p>横坐标{{ x }}</p>
    <p>纵坐标{{ y }}</p>
  </div>

  <div>
    <img src="../../assets/images/logo-a9f5dd6c.jpg" alt="dynamic"
      :style="{ position: 'absolute', left: `${x}px`, top: `${y}px` }" />
  </div>


</template>
<script ts setup>
import getxy from "./hootTest"
    let { x, y } = getxy()
</script>

<style scoped>
img{
  opacity: 0.5;
}
</style>